<template>
    <div>
        <tab v-model="index">
            <tab-item selected @on-item-click="handler">运营数据</tab-item>
            <tab-item @on-item-click="handler">今日头条</tab-item>
        </tab>
        <div>
            {{index}}
        </div>
        <div v-show="index==0">
            <my-report></my-report>
        </div>
        <div v-show="index==1">
            我是今日头条
        </div>
    </div>
</template>

<script>
import Vue from 'vue'
import { Tab, TabItem } from 'vux'
import { Group, Cell, Loading, XButton, XDialog, Actionsheet, Divider } from 'vux'
import { WechatPlugin, ToastPlugin } from 'vux'
import { AlertPlugin, ConfirmPlugin } from 'vux'
import { Grid, GridItem } from 'vux'
import MyReport from '@/components/MyReport'
import axios from '@/api/axios'
import api from '@/api/base.api'

export default {
    components: {
        Grid,
        GridItem,
        Tab,
        TabItem,
        MyReport
    },
    mounted() {

    },
    data() {
        return {
            index:0,
            msg: 'Hello World!',
            showD: false,
            showAs: false,
            menus8: {
                menu1: 'Close me',
                menu2: 'Close me'
            }
        }
    },
    methods: {
        handler(){
            console.log("你点解了tabitem");
        }
    }
}
</script>

<style lang="less">

</style>
